<html style="height: 100%;">
<head>
    <style>
        table {
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;
        }
        .box{
            display:flex;
            width:800px;
            height:800px;
        }
        .box_1{
            width:50%;
            height:0;
        }
        .box_2{
            width:50%;
            height:0;
        }
        #yustb2 {
            font-family: simsun, Helvetica, sans-serif;
            border-collapse: collapse;
            width: 400px;
            height: 300px;
        }

        #yustb2 td {
            border-collapse: collapse;
            /* 列宽由表格宽度和列宽度设定*/
            table-layout: fixed;

        }

        #yustb2 th {
            border: 1px solid #ddd;
            padding: 8px;
        }

        #yustb2 tr:nth-child(even) {
            background-color: #f2f2f2;
        }

        #yustb2 tr:hover {
            background-color: #ddd;
        }

        #yustb2 th {
            padding-top: 12px;
            padding-bottom: 12px;
            text-align: left;
            background-color: #4CAF50;
            color: white;
        }
    </style>
</head>
<body>
<div style="text-align: center;">
    <table>
        <tr>
            <td>${resume.name!""}</td>
            <td>${resume.subalias!""}</td>
            <td>原价：${resume.row!""}元</td>
            <td>${resume.date!""}</td>
        </tr>
    </table>
    <table>
        <tr>
            <td>${resume.desc!""}</td>
        </tr>
    </table>
</div>
<img width="800" height="400"
     style="display: block;-webkit-user-select: none;margin: auto;background-color: hsl(0, 0%, 100%);transition: background-color 300ms;"
     src="${resume.view!""}"></img>
<div class="box" style="text-align:center;">
    <div class="box_1" style="text-align:center;">
        <table id="yustb2">
            <#list resume.li1 as item>
                <tr>
                    <th></th>
                    <th>${item.name!""}</th>
                    <th></th>
                    <th></th>
                </tr>
                <#list item.list as item1>
                    <tr>
                        <td>${item1.date!""}</td>
                        <td>${item1.server!""}</td>
                        <td>${item1.value!""}元</td>
                        <td>${item1.sales!""}</td>
                    </tr>
                </#list>
            </#list>
        </table>
    </div>
    <div class="box_2" style="text-align:center;float: right;">
        <table id="yustb2">
            <#list resume.li2 as item>
                <tr>
                    <th></th>
                    <th>${item.name!""}</th>
                    <th></th>
                    <th></th>
                </tr>
                <#list item.list as item1>
                    <tr>
                        <td>${item1.date!""}</td>
                        <td>${item1.server!""}</td>
                        <td>${item1.value!""}元</td>
                        <td>${item1.sales!""}</td>
                    </tr>
                </#list>
            </#list>
        </table>
    </div>
</div>
</body>
</html>